﻿@page "/commercial"

<Seo Canonical="/commercial" Title="Blazorise Commercial" Description="Unlock the full potential of Blazorise with professional components, premium support, onboarding, and enterprise-grade services. Build scalable, production-ready Blazor apps with confidence." />

<PageHeader>
    <Title>
        Blazorise <Span Class="gradient-commercial">Commercial</Span>
    </Title>
    <Subtitle>
        Trusted by teams of all sizes, from startups to global enterprises.
    </Subtitle>
    <Description>
        Blazorise provides an open-source foundation and commercial extensions to help you build high-quality, cross-platform web applications entirely in C#. Accelerate development with pre-built UI components, templates, and dedicated expert support.
    </Description>
    <Actions>
        <Button Type="ButtonType.Link" To="pricing" Color="Color.Primary" Size="Size.Large" Padding="Padding.Is4.OnX.Is3.FromEnd.OnTablet">
            <Icon Name="IconName.Key" />
            Get a License
        </Button>
        <Button Type="ButtonType.Link" To="book-a-demo" Color="Color.Secondary" Size="Size.Large" Padding="Padding.Is4.OnX">
            <Icon Name="IconName.Microphone" />
            Book a Demo
        </Button>
    </Actions>
</PageHeader>

<Container Padding="Padding.Is5.FromTop">
    <Row>
        <Column Margin="Margin.IsAuto.OnX">
            <Paragraph TextSize="TextSize.Heading1" TextWeight="TextWeight.Normal" TextAlignment="TextAlignment.Center">
                Trusted By
            </Paragraph>
            <Lead TextColor="TextColor.Muted" TextAlignment="TextAlignment.Center">
                The world's top product teams rely on Blazorise to deliver exceptional developer and user experiences.
            </Lead>
        </Column>
    </Row>
    <HomeClientLogos />
</Container>

<Container Padding="Padding.Is5.OnY">
    <Row>
        <Column Margin="Margin.IsAuto.OnX">
            <Paragraph TextSize="TextSize.Heading1" TextWeight="TextWeight.Normal" TextAlignment="TextAlignment.Center">
                Additional Services
            </Paragraph>
            <Lead TextColor="TextColor.Muted" TextAlignment="TextAlignment.Center">
                Need something beyond the standard offering? <Strong>We and our partners can provide it.</Strong>
            </Lead>
        </Column>
    </Row>

    <Row Margin="Margin.Is5.FromTop" Padding="Padding.Is4.FromTop">
        <Column ColumnSize="ColumnSize.Is4.OnDesktop" Margin="Margin.Is5.FromBottom.OnWidescreen">
            <Div Margin="Margin.Is4.FromBottom">
                <Icon Name="IconName.Building" IconSize="IconSize.x3" TextColor="TextColor.Primary" />
            </Div>
            <Heading Size="HeadingSize.Is4">Design System Integration</Heading>
            <Paragraph>Seamless Blazorise integration with your existing design system.</Paragraph>
        </Column>

        <Column ColumnSize="ColumnSize.Is4.OnDesktop" Margin="Margin.Is5.FromBottom.OnWidescreen">
            <Div Margin="Margin.Is4.FromBottom">
                <Icon Name="IconName.Undo" IconSize="IconSize.x3" TextColor="TextColor.Secondary" />
            </Div>
            <Heading Size="HeadingSize.Is4">Project Migration</Heading>
            <Paragraph>Port legacy or non-Blazor projects to a modern Blazor architecture.</Paragraph>
        </Column>

        <Column ColumnSize="ColumnSize.Is4.OnDesktop" Margin="Margin.Is5.FromBottom.OnWidescreen">
            <Div Margin="Margin.Is4.FromBottom">
                <Icon Name="IconName.UmbrellaBeach" IconSize="IconSize.x3" TextColor="TextColor.Primary" />
            </Div>
            <Heading Size="HeadingSize.Is4">Custom Development</Heading>
            <Paragraph>Hire dedicated Blazorise developers for your custom projects.</Paragraph>
        </Column>

        <Column ColumnSize="ColumnSize.Is4.OnDesktop" Margin="Margin.Is5.FromBottom.OnWidescreen">
            <Div Margin="Margin.Is4.FromBottom">
                <Icon Name="IconName.Users" IconSize="IconSize.x3" TextColor="TextColor.Danger" />
            </Div>
            <Heading Size="HeadingSize.Is4">Live Remote Support</Heading>
            <Paragraph>Get direct, real-time help from the Blazorise engineering team.</Paragraph>
        </Column>

        <Column ColumnSize="ColumnSize.Is4.OnDesktop" Margin="Margin.Is5.FromBottom.OnWidescreen">
            <Div Margin="Margin.Is4.FromBottom">
                <Icon Name="IconName.Book" IconSize="IconSize.x3" TextColor="TextColor.Info" />
            </Div>
            <Heading Size="HeadingSize.Is4">Training</Heading>
            <Paragraph>Interactive, hands-on Blazorise training for your development team.</Paragraph>
        </Column>

        <Column ColumnSize="ColumnSize.Is4.OnDesktop" Margin="Margin.Is5.FromBottom.OnWidescreen">
            <Div Margin="Margin.Is4.FromBottom">
                <Icon Name="IconName.HandsHelping" IconSize="IconSize.x3" />
            </Div>
            <Heading Size="HeadingSize.Is4">Onboarding</Heading>
            <Paragraph>Assistance setting up development and CI/CD environments.</Paragraph>
        </Column>
    </Row>

    <Row>
        <Column Flex="Flex.JustifyContent.Center" Margin="Margin.Is5.FromBottom.OnWidescreen">
            <Button Type="ButtonType.Link" To="contact" Color="Color.Primary" Size="Size.Large">
                Contact Us
            </Button>
        </Column>
    </Row>
</Container>

<Container Padding="Padding.Is5.OnY">
    <Row>
        <Column Margin="Margin.IsAuto.OnX">
            <Paragraph TextSize="TextSize.Heading1" TextWeight="TextWeight.Normal" TextAlignment="TextAlignment.Center">
                Premium Support
            </Paragraph>
            <Lead TextColor="TextColor.Muted" TextAlignment="TextAlignment.Center">
                Commercial users receive prioritized technical assistance from the Blazorise team, ensuring smooth delivery and long-term reliability.
            </Lead>
        </Column>
    </Row>

    <Row Margin="Margin.Is3.FromTop">
        <Column ColumnSize="ColumnSize.Is6.OnDesktop" Flex="Flex.Column.AlignItems.Baseline.JustifyContent.Between">
            <Div>
                <Icon Name="IconName.HandsHelping" IconSize="IconSize.x3" Margin="Margin.Is3.OnY" TextColor="TextColor.Dark" />
            </Div>
            <Heading Size="HeadingSize.Is4" TextWeight="TextWeight.Normal">
                Premium Forum Support
            </Heading>
            <Paragraph>
                Commercial plans include premium forum access and guaranteed response times from Blazorise experts.
            </Paragraph>
            <Button Type="ButtonType.Link" To="support" Color="Color.Info" Size="Size.Large">
                Visit Support Forum
            </Button>
        </Column>

        <Column ColumnSize="ColumnSize.Is6.OnDesktop" Flex="Flex.Column.AlignItems.Baseline.JustifyContent.Between">
            <Div>
                <Icon Name="IconName.Heart" IconSize="IconSize.x3" Margin="Margin.Is3.OnY" TextColor="TextColor.Info" />
            </Div>
            <Heading Size="HeadingSize.Is4" TextWeight="TextWeight.Normal">
                Private Ticket Support
            </Heading>
            <Paragraph>
                Enterprise and higher tiers include private support via email and ticket system with faster response times.
            </Paragraph>
            <Button Type="ButtonType.Link" To="pricing" Color="Color.Primary" Size="Size.Large">
                Get a License
            </Button>
        </Column>
    </Row>
</Container>